Asyntai AI -chatbotin lisääminen e107-alustalle

Vaiheittainen opas e107 CMS -verkkosivustoille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Lisää teemamalliin (Suositeltu)

Suositeltu tapa lisätä chatbot on muokata e107-teemamallitiedostoa suoraan:

Siirry e107-teemakansioon: e107_themes/yourtheme/
Avaa teeman pääsivumallitiedosto (yleensä theme.php tai theme.html)
Etsi sulkeva </body>-tagi
Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>

Vinkki: Jos teemasi käyttää theme.php-tiedostoa, etsi osio, jossa alatunnisteen HTML renderöidään. Upotuskoodi tulee sijoittaa kaiken muun sisällön jälkeen, mutta ennen sulkevaa body-tagia.

Vaihtoehtoinen tapa 1: e107:n mukautetun ylä-/alatunnisteen käyttö

Voit lisätä chatbot-skriptin e107:n hallintapaneelin kautta ilman teematiedostojen muokkaamista:

Kirjaudu e107-hallintapaneeliin
Siirry kohtaan Admin > Preferences > Site Preferences
Etsi \"Custom Footer\" tai \"Footer Scripts\" -osio
Liitä Asyntai-upotuskoodisi alatunnisteen skriptien tekstikenttään
Napsauta \"Save\" ottaaksesi muutokset käyttöön

Huomautus: Tämä tapa on helpoin, jos haluat välttää teematiedostojen suoraa muokkaamista. Skripti sisällytetään automaattisesti jokaiselle e107-sivustosi sivulle.

Vaihtoehtoinen tapa 2: e107-lisäosan käyttö

Modulaarisempaa lähestymistapaa varten voit luoda yksinkertaisen lisäosan tai käyttää lisäosan hook-järjestelmää chatbot-skriptin lisäämiseen:

Luo yksinkertainen lisäosa tai käytä \"Custom Pages\" -lisäosaa
Lisää skripti e107:n lisäosan hook-järjestelmän kautta luomalla e_footer.php-tiedosto lisäosahakemistoosi
Tulosta upotuskoodisi e_footer.php-tiedoston sisällä:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Vinkki: Lisäosan hook-lähestymistapa pitää chatbot-integraatiosi erillään teemasta, joten se säilyy, vaikka vaihtaisit teemaa.

Vaihtoehtoinen tapa 3: e107:n valikkojärjestelmän käyttö

Voit käyttää e107:n sisäänrakennettua valikkojärjestelmää chatbot-skriptin lisäämiseen alatunnisteeseen:

Kirjaudu e107-hallintapaneeliin
Siirry kohtaan Admin > Menus
Luo mukautettu HTML-valikko
Liitä Asyntai-upotuskoodisi valikon sisältöön
Määritä valikko mallisi alatunnistealueelle
Tallenna valikon asetukset

Tärkeää: Valikkojärjestelmää käytettäessä varmista, että valitsemasi valikkoalue tukee raakaa HTML/script-tulostetta. Jotkin valikkoalueet saattavat poistaa script-tagit turvallisuussyistä. Jos skripti poistetaan, käytä sen sijaan jotain muuta tapaa.

Vaihe 3: Vahvista asennus

Kun olet tallentanut muutokset, avaa e107-verkkosivustosi uudessa selaimen välilehdessä tai incognito-ikkunassa. Chat-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Kokeile tyhjentää e107:n välimuisti hallintapaneelista kohdasta Admin > Cache. Kokeile myös tyhjentää selaimen välimuisti tai katsella sivua incognito-ikkunassa. Varmista, että upotuskoodisi on oikeassa paikassa ja sisältää yksilöllisen widget-tunnuksesi hallintapaneelista.